<template>
	<div class="wrap">
		<div class="top">
			<img class="headphoto" :src="headphoto.src"/>
			<span  @click="go">您好,<i>{{arr[0].accounts}}</i></span>
			<span>当前积分:<i>{{arr[0].score}}</i></span>
			<span>我的钱包:<i>¥{{arr[0].money}}</i></span>
			<span>充值有礼>><i>充值卡兑换>></i></span>
			<img class="bigimg" :src="bigimg.src"/>
		</div>		
	</div>
</template>

<script>
	export default{
		name: "myaccount",
		data(){
			return{
				headphoto:{src:require("../../assets/image/user/8.png")},
				bigimg:{src:require("../../assets/image/1478077086275.png")},
				arr:[{accounts:""}],
				
			}			
		},
		methods:{
			go:function(e){
				window.location.href = "#/personaldata"				
			}
		},
		mounted:function(){
			var _this = this;
			this.axios.get('/api/account',{params:{account:"13656562356"}}).then(function(data){
				_this.arr = data.data
				console.log(_this.arr) ;
			})
		}
		
	}
</script>

<style scoped>
    .wrap{
    	    width: 1085px;
		height: 623px;
    }
	.top{
		width: 100%;
		height: 220px;
		background-color: rgb(243,255,243);
		border:1px solid rgb(242,242,242);
	}
	.headphoto{
		width: 140px;			
		border-radius: 50%;
		margin: 42px 0 0 40px; 
	}
	span{
		display: inline-block;
		vertical-align:35px;
		color: rgb(83,86,83);
		font-size: 18px;
		width: 151px;
		text-align: center;
	}
	i{
		font-style: normal;
		color: rgb(241,114,83);
		display: inline-block;
		width: 100%;
		padding-top: 35px;
	}
	span:nth-of-type(1){
		color:rgb(110,111,110);
		padding: 0 120px 0 50px;
		vertical-align:70px;
	}
	span:nth-of-type(1)>i{
		width: 100px;
	}
	span:nth-of-type(4){
		color: rgb(120,181,120);
		text-align: left;
	}
	.bigimg{
		width: 100%;
		padding-top:52px ;
	}
	
</style>